<template>
<div class="col-md-3">
        <div class="sidebar">
          <p>Popular Tags</p>
          <div class="tag-list">
            <a v-for = "item in my_tags.tags" href="" class="tag-pill tag-default">{{ item }}</a>
          </div>
        </div>
      </div>
</template>
<script setup lang="ts">
import { getTag } from '@/api';
import { ref } from 'vue';
import { Tag  } from '@/model';

const my_tags = ref<Tag>({tags:[]});
getTag().then(res=>{
  my_tags.value = res.data
})

</script>
<style scoped>
</style>
